@charset "utf-8";
/* CSS Document */
/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.w1400_1000_320{ max-width:480px; min-width:320px; width:100%;}
.title01{width:96%;margin:0 auto;}
.nav_bg{ display:none;}		   
.fl,.fr{ float:none;}
.top01 .fl{ width:100%; text-align:center;}
.top01 .fl img{ margin:10px auto;}
.top01 .fr{ width:100%;}
.top01 .fr ul{ float:left; margin-left:20px;}
.top01 .fr ul li{ float:left;}
.top01 .fr .nav_i01{ width:330px; float:none; margin:10px auto;}
.top01 .fr .nav_i02{ width:220px; margin:0 auto; float:none;}
.top01 .fr .nav_i03{ display:none;}


.device { width: 100%; height: 80px; position: relative; margin:30px auto 15px;}
.pagination{display:none;}
.swiper-container{ height: 170px; width: 100%;}
.slide_box{ position:relative;}
.slide_box img{ display:block; position:absolute; z-index:5; width:100%; height:auto;}
.slide_box p{ display:none;}

.pagination {position: absolute; z-index:100; left: 0; text-align: center; bottom:0px; width: 100%;}
.swiper-pagination-switch {width: 10px; height: 10px;}
.swiper-active-switch { background: #dd3737;}

.banner01,.banner02{ display:none;}
.p2_content{margin-bottom:4px;}
.p2_title{ font-size:26px; line-height:160%; margin:10px auto; font-weight:bold; width:90%;}	   
.p2_content .topPic{ width:100%; height:240px; margin:10px auto;}
.p2_content .topPic li{height:240px;width:100%; position:relative;}
.p2_content .topPic li img{width:100%;height:auto;}
.p2_content .topPic span{ font-size:14px;background: url(images/bg_pic.png) right no-repeat;}
.p2_content .fr{ width:90%; margin:35px auto 0 auto;}
.p2_content .fr div{margin-bottom:35px;}
.p2_content .topPic img.preva{left:3%;}

.p2_content .fr ul li{ font-size:16px; height:auto; line-height:180%; padding:8px 0;}

/*p3*/
.p3_con{ margin:20px auto 40px;}
.rollBox{width:320px; position:relative;}
.rollBox .ScrCont{width:320px;float:left;}
.rollBox .LeftBotton{top:70px; left:0px;}
.rollBox .RightBotton{top:70px; right:0px;background:url(images/right2.png) 8px 70px no-repeat #fff; top:-4px; height:210px; width:30px; right:-4px;}
.rollBox ul li{margin:0 15px 0 0;}

.p4_content{margin-bottom:20px;}
.p4_content ul li{ width:45%; float:left; margin:2% 2%;}
.p4_content ul li img{ width:100%; height:auto;}
.p4_content ul li p{ font-size:16px; display:block; padding:5px 0 4px 8px;line-height:150%;}

/*p5*/
.p5_con{ margin:30px auto 5px auto;}
.p5_con dt{ width:100%; float:left; font-size:14px; padding-bottom:10px; text-align:center;}
.p5_con dd{ width:45%; float:left; margin-left:3%; font-size:14px; line-height:160%; margin-bottom:20px;}

.p8_con{ display:none;}

/*p7*/
.rollBox_p7{width:90%; position:relative;}
.rollBox_p7 .ScrCont_p7{width:320px;float:left;}
.rollBox_p7 .LeftBotton_p7{width:20px;height:35px; background:url(images/left2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100;top:140px; left:0px;}
.rollBox_p7 .RightBotton_p7{width:30px;height:390px;background:url(images/right2.png) 8px 140px no-repeat #fff;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100; top:0px; right:0px;}
/*p9*/
.rollBox_p9{width:90%; position:relative;}
.rollBox_p9 .ScrCont_p9{width:320px;float:left;}
.rollBox_p9 .LeftBotton_p9{width:20px;height:35px; background:url(images/left2.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100;top:140px; left:0px;}
.rollBox_p9 .RightBotton_p9{width:30px;height:390px;background:url(images/right2.png) 8px 140px no-repeat #fff;overflow:hidden;float:left;display:inline;cursor:pointer; position:absolute; z-index:100; top:0px; right:0px;}

#div_right{ display:none;}
#ad_bottom{ display:none;}  
}